<template>
  <div class="">
    <a-row style="margin-top: 0" :gutter="[24, 24]">
      <a-col :sm="24" :md="12" :xl="6">
        <a-card>
          <a-statistic title="当日买入/笔" :value="statis.buys_count_today" />
          <a-statistic
            title="当日佣金奖励"
            :value="parseFloat(statis.buys_sum_tip_fee)"
            style="margin-top: 24px"
          />
        </a-card>
      </a-col>

      <a-col :sm="24" :md="12" :xl="6">
        <a-card>
          <a-statistic title="可提FCB" :value="statis.coins" />
          <a-statistic
            title="已提佣金"
            :value="statis.cut"
            style="margin-top: 24px"
          />
          <a-statistic
            title="佣金比/奖励"
            :value="statis.fee_ratio + ' / ' + statis.tip"
            style="margin-top: 24px"
          />
        </a-card>
      </a-col>
    </a-row>

    <p style="font-size: 16px; margin: 24px 0 0 10px">
      大数据缓存，5分钟更新一次
    </p>
  </div>
</template>

<script>
export default {
  name: 'dashboard',
  //   i18n: require('./i18n'),
  data() {
    return {
      statis: {},
    }
  },
  created() {
    this.init()
    const timer = setInterval(() => {
      this.init()
    }, 300000)
    this.$once('hook:beforeDestroy', () => {
      clearInterval(timer)
    })
  },
  methods: {
    init() {
      this.axios.get('/g/dashboard').then((res) => {
        this.statis = res.data.data
        this.loading = false
      })
    },
  },
}
</script>

<style lang="less" scoped>
</style>
